﻿<%@page contentType="text/html;charset=UTF-8"   language="java"  %>
<%-- <%@page import="com.zhiri.crab.dto.User" %> --%>
<%
	String base = request.getContextPath();
%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Market Place</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<jsp:include page="/pages/common/include.jsp" flush="true"/>
		<link rel="stylesheet" href="<%=base%>/resources/css/hideMenu/change-delivery-location.css" />

	</head>

	<body>
		
		<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">
			<!--侧滑菜单部分-->
			<aside id="offCanvasSide" class="mui-off-canvas-left">
				<div id="offCanvasSideScroll" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<jsp:include page="/pages/common/menu.jsp" flush="true" />
					</div>
				</div>
			</aside>
			<!--主界面部分-->
			<div class="mui-inner-wrap">
				<header class="mui-bar mui-bar-nav" id="headBox">
					<jsp:include page="/pages/common/top.jsp" flush="true" />
				</header>
				<header class="mui-bar mui-bar-nav GreenHeader">
				    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				    <h1 class="mui-title">Change Delivery Location</h1>
				</header>
				<div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper noHead">
					<div class="mui-scroll">
						<div class="mainContent">
							<div class="change-location"><ll id="current">This purchase is to be delivered to <span id="location">Ma Ｏn Shan </span>.</ll> Please select your district closest to your delivery location to ensure products availability.</div>
							<h4>Select by District</h4>
							<select id="Region1">
								<option>- Hong Kong lsland -</option>
								<option>Hong Kong island</option>
								<option>Hong Kong island</option>
							</select>
							<select id="Region2">
								<option>- Kowloon - </option>
								<option>Please Select</option>
								<option>Please Select</option>
							</select>
							<select id="Region3">
								<option>- New Territories -</option>
								<option>Hong Kong island</option>
								<option>Hong Kong island</option>
							</select>
							<select id="Region4">
								<option>- Outlying Islands -</option>
								<option>Please Select</option>
								<option>Please Select</option>
							</select>
						</div>
						<div class="footer" id="footer">
							<jsp:include page="/pages/common/footer.jsp" flush="true" />
						</div>
					</div>
				</div>
				<!--searchbar-->
				<div class="searchBar">
					<jsp:include page="/pages/common/search.jsp" flush="true" />
				</div>
				
				<div class="rightBottom animate"></div>
			</div>
						
		</div>
		<script type="text/javascript" src="<%=base%>/resources/js/select_region.js" ></script>
		<script>
		//主界面和侧滑菜单界面均支持区域滚动；
			mui('#offCanvasSideScroll').scroll();
			mui('#offCanvasContentScroll').scroll();

			$(".change-location #current-location").html();

			$().ready(function() {
				var current = sessionStorage.getItem("rec_add");
				if (current) {
					$(".change-location #current").show();
					$(".change-location #location").html(current);
				}
			});
		</script>
	</body>

</html>